<?php include(sfConfig::get('sf_app_template_dir').'/header.php') ?>
<?php sfJSLibManager::addLib('jquery_ui');?>
<?php use_helper('jQuery');?>
<?php use_javascript('../sfJSLibJQueryUIPlugin/js/jquery-ui-1.7.2.custom.min.js') ?>
<?php use_stylesheet('../sfJSLibJQueryUIPlugin/css/jquery-ui-1.7.2.custom.css') ?>


<div class="demo">
    <script>
	$(function() {
		$( "#tabs" ).tabs({
			ajaxOptions: {
				error: function( xhr, status, index, anchor ) {
					$( anchor.hash ).html(
						"Couldn't load this tab. We'll try to fix this as soon as possible. " +
						"If this wouldn't be a demo." );
				}
			}
		});
	});
	</script>
	<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Preloaded</a></li>
		<li><a href="<?php echo url_for('home/index') ?>">Tab 1</a></li>
		<li><a href="<?php echo url_for('home/index') ?>">Tab 2</a></li>
		<li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li>
		<li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li>
	</ul>
	<div id="tabs-1">
            <?php include(sfConfig::get('sf_app_template_dir').'/quickAccess.php') ?>
		<p>datos de la pagina 1</p>
	</div>

</div>
